<template>
   <a-locale-provider :locale="locale">
    
 <div class="app ng-scope " :class="[hheaderFixed,hasideTop]">
    <!-- header -->
    <top_header></top_header>
    <h_aside></h_aside>
    <!-- / header -->
    <!-- content -->
    <main_content></main_content>
    <!-- footer 
    <h_footer></h_footer>-->
   
  </div>
    <!-- / content -->

  </a-locale-provider>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
import { mapGetters } from 'vuex';
import './index.css';
import './switchLayer.css';
import top_header from '../../components/header/top_header.vue';
import h_aside from '../../components/header/aside.vue';
//import h_footer from '../../components/footer/footer.vue';
import main_content from '../../components/mainContent/mainContent.vue';
export default {
  name: 'app',
  data() {
    return {
      hheaderFixed: 'app-header-fixed ',
      hasideTop:'app-aside-top ',
      locale: zhCN,

    };
  },
  components: {
    top_header,
    h_aside,
    main_content,
    //h_footer,
  },
  watch: {
    headerFixed: function(newVal) {
      this.hheaderFixed=newVal;
    },
    asideTop: function(newVal) {
      this.hasideTop=newVal;
    }
  },
  computed: { ...mapGetters(['headerFixed','asideTop']) }
};
</script>
